<template>
  <div class="login">
    <!-- <img :src="Hlogo" alt="">|CRM客户管理系统 -->
     <el-form :model="loginForm" :rules="fieldRules" ref="loginForm" label-position="left" label-width="0px"
           class="demo-ruleForm login-container" @keyup.enter.native="login">
    <span class="tool-bar">
      <!-- 主题切换 -->
      <theme-picker style="float:right;" class="theme-picker" :default="themeColor" @onThemeChange="onThemeChange"></theme-picker>
      <!-- 语言切换 -->
      <!-- <lang-selector class="lang-selector"></lang-selector>    -->
    </span>
    <h2 class="title" style="padding-left:22px;" >系统登录</h2>
    <el-form-item prop="userName">
      <el-input type="text" v-model="loginForm.userName" auto-complete="off" placeholder="账号"></el-input>
    </el-form-item>
    <el-form-item prop="password">
      <el-input type="password" v-model="loginForm.password" auto-complete="off" placeholder="密码"></el-input>
    </el-form-item>
    <el-form-item >
      <el-col :span="12">
        <el-form-item prop="verificationCode">
          <el-input type="test" v-model="loginForm.verificationCode" auto-complete="off" placeholder="验证码, 单击图片刷新"
            style="width: 100%;">
          </el-input>
        </el-form-item>
      </el-col>
      <el-col class="line" :span="1">&nbsp;</el-col>
      <el-col :span="11">
        <el-form-item @click="aa">
            <img style="width: 100%;" class="pointer" :src="loginForm.src" @click="aa">
        </el-form-item>
      </el-col>
    </el-form-item>
    <!-- <el-checkbox v-model="checked" checked class="remember">记住密码</el-checkbox> -->
    <el-form-item style="width:100%;">
      <el-button type="primary" style="width:45%;" @click.native.prevent="reset">重 置</el-button>
      <el-button type="primary" style="width:45%;" @click.native.prevent="login" :loading="loading">登 录</el-button>
    </el-form-item>
    <el-form-item style="width:100%;">
      <el-button type="primary" style="width:95%;" @click.native.prevent="reset2">重置密码</el-button>
    </el-form-item>
  </el-form>
  <div class="footer">
    <p>北京壹灵壹教育科技股份有限公司</p>
		<p><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502038243 " target="_blank" rel="noopener noreferrer">京公网安备 11010502038243号</a>&nbsp;&nbsp;&nbsp;&nbsp;Copyright chinaedu.com, All Rights Reserved&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">京ICP备16067650号-7</a></p>
  </div>
  <!-- 重置密码 -->
   <el-dialog
      title="重置密码"
      width="40%"
      :visible.sync="resetVisible"
      :close-on-click-modal="false"
    >
    <el-row>
      <el-col :span="24">
        <el-row>
          <el-col :span="6">用户名</el-col>
          <el-col :span="16" style="text-align: left;">
            <el-input placeholder="请输入用户名" type="text" v-model="dataFormAdd.userName"></el-input>
          </el-col>
        </el-row>
      </el-col>
      <el-col :span="24" style="margin-top:20px">
        <el-row>
          <el-col :span="6">原密码</el-col>
          <el-col :span="16">
          <el-input placeholder="请输入原密码" type="password" v-model="dataFormAdd.password"></el-input>
          </el-col>
        </el-row>
      </el-col>
      <el-col :span="24" style="margin-top:20px">
        <el-row>
          <el-col :span="6">新密码</el-col>
          <el-col :span="16">
          <el-input placeholder="请输入密码" type="password" v-model="dataFormAdd.passwordNew"></el-input>
          </el-col>
        </el-row>
      </el-col>
      <el-col :span="24" style="margin-top:20px">
        <el-row>
          <el-col :span="6">确认密码</el-col>
          <el-col :span="16">
          <el-input placeholder="确认密码" type="password" v-model="dataFormAdd.repassword"></el-input>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
    <div class="btn-cont">
      <el-button @click="resetVisible = false">取 消</el-button>
      <el-button type="primary" style="margin-left:50px" @click="submitModifyPass">确 定</el-button>
    </div>
    </el-dialog>
  </div>
</template>

<script>
import { mapState } from 'vuex'
import Cookies from "js-cookie"
import ThemePicker from "@/components/ThemePicker"
import LangSelector from "@/components/LangSelector"
import axios from 'axios'
import Vue from 'vue'
export default {
  name: 'Login',
  components:{
    ThemePicker,
    LangSelector
  },
  data() {
    return {
      size: "small",
      // TQ配置信息
      admin_uin:'',
      uin:'',
      appid:'',
      appkey:'',
      isLogin:false,
      loading: false,
      loginForm: {
        userName: '',
        password: '',
        verificationCode:'',
        src: ''
      },
      fieldRules: {
        userName: [
          { required: true, message: '请输入账号', trigger: 'blur' }
        ],
        password: [
          { required: true, message: '请输入密码', trigger: 'blur' }
        ]
        ,
        verificationCode: [
          { required: true, message: '请输入验证码', trigger: 'blur' }
        ]
      },
      resetVisible: false,
      dataFormRules: {
          userName: [{ required: true, message: "请输入用户名", trigger: "blur" }],
          email: [{ required: true, message: "请输入邮箱", trigger: "blur" }],
          phone: [{ required: true, message: "请输入联系电话", trigger: "blur" }],
          realName: [{ required: true, message: "请输入真实姓名", trigger: "blur" }]
        },
      checked: true,
      resetpassword: "",
      dataFormAdd: {
          userName:"",
          password:'',
          passwordNew:"",
          repassword:''
          
        },
      editLoading:false,
    }
  },
  methods: {
    login() {
      this.loading = true
      let userInfo = {userName:this.loginForm.userName, password:this.loginForm.password, verificationCode:this.loginForm.verificationCode}
      this.$api.login.login(userInfo).then((res) => {
          if(res.result===1) {
            this.isLogin=true
            Cookies.set('webuser',userInfo.userName);
            Cookies.set('realName',res.user.realName);
            Cookies.set('realName',res.user.realName);
            Cookies.set('userId',res.user.id);
            Cookies.set('threeLevelDeptId',res.user.threeLevelDeptId);
            Cookies.set('realName',res.user.realName);
            this.$store.commit('menuRouteLoaded', false) // 要求重新加载导航菜单
            this.get_tqNumber()
            this.getTqConfig2()
            this.$router.push('/')  // 登录成功，跳转到主页
            // 获取客户来源等信息存储到本地
            this.getStudentType()
            this.getStudentDataFromTpye()
            this.getStudenProgress()
            this.getStudentSource()
            this.getSchoolType()
            this.getSchoolSource()
            this.getSchoolDataFromType()
            this.getSchoolProgress()
            this.getLevleCache()
            this.getInvestmentType()
            this.getInvestmentDataFromType()
            this.getInvestmentSource()
            this.getInvestmentProgress()
            this.getSystemCache()
            this.getContractType()
            this.getStudentContractType()
            this.get_deptLevel3()
            this.getTQtoken()
            this.get_grade()
            this.get_result()
            this.getEquipment()
            this.get_track_progress()
            this.get_track_type()
            this.get_reportType()
            this.get_reportResult()
            this.get_order_product()
            this.getSubject()
            this.$message({
              message: res.msg,
              type: 'success'
            })
          } else {
            this.refreshCaptcha()
            this.$message({
              message: res.msg,
              type: 'error'
            })
          }
          this.loading = false
        }).catch((res) => {
          this.$message({
          message: res.message,
          type: 'error'
          })
        });
    },
    refreshCaptcha: function(){
      this.loginForm.src = this.global.baseUrl + "/validateCode?d="+Math.random();
    },
    aa:function(){
      this.refreshCaptcha()
    },
    reset() {
      this.$refs.loginForm.resetFields()
    },
    reset2(){
      this.resetVisible=true
    },
    //密码提交
    submitModifyPass:function () {
      if(this.dataFormAdd.passwordNew!=this.dataFormAdd.repassword){
        this.$message.error('两次密码不一样')
      }else if(this.dataFormAdd.userName==''){
        this.$message.error('请输入用户名')
      }
      else if(this.dataFormAdd.password==''||this.dataFormAdd.passwordNew==''){
        this.$message.error('请输入密码')
      }
      else{
        this.$confirm("确认重置密码吗？", "提示", {}).then(() => {
              this.data={
                password:this.dataFormAdd.password,
                passwordNew:this.dataFormAdd.passwordNew,
                userName:this.dataFormAdd.userName
              }
              this.editLoading = true;
              let params = Object.assign({}, this.data);
              this.$api.user.resetPwdNoLogin(params).then(res => {
                this.editLoading = false;
                if (res.result == 1) {
                  this.$message({ message: res.msg, type: "success" });
                  this.resetVisible = false;
                  this.dataFormAdd.password=''
                  this.dataFormAdd.passwordNew=''
                  this.dataFormAdd.userName=''
                  this.dataFormAdd.repassword=''
                  this.$refs["dataFormAdd"].resetFields();
                } else {
                  this.$message({
                    message: res.msg,
                    type: "error"
                  });
                  this.dataFormAdd.password=''
                  this.dataFormAdd.passwordNew=''
                  this.dataFormAdd.userName=''
                  this.dataFormAdd.repassword=''
                }
              });
            });
      }
    
            
          
        
      },
     // 自动生成密码
      autopassword: function() {
        var password = "";
        var passLength = 8;
        var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, "A", "B", "C", "D", "E", "F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z");
        //随机数
        for (let i = 0; i < passLength; i++) {
          //循环操作
          var index = Math.floor(Math.random() * 36); //取得随机数的索引（0~35）
          password += random[index];
        }
        this.dataFormAdd.password = password;
      },
    // 切换主题
    onThemeChange: function(themeColor) {
      this.$store.commit('setThemeColor', themeColor)
    },
    // 获取TQ配置参数
    getTqConfig2(){
      this.$api.user.getTqConfig().then(res=>{
        if(res.result==1){
          this.admin_uin=res.tqConfigList[0].codeValue,
          this.appid=res.tqConfigList[1].codeValue,
          this.appkey=res.tqConfigList[2].codeValue
          Cookies.set('admin_uin', this.admin_uin)
          Cookies.set('appid', this.appid)
          Cookies.set('appkey', this.appkey)
          this.get_tqToken()
        }
      })
    },
    // 获取当前登录用户的uin(TQ号)
    get_tqNumber(){
      this.$api.user.queryLoginUserTqInfo().then(res=>{
        if(res.result==1){
          if(res.bindInfo){
            Cookies.set('uin',res.bindInfo.number);
          }
        }
      })
    },
    // 获取学生客户客户类型
    getStudentType:function(){
      this.$api.user.optionsList({ codeType: "student_type" }).then(res => {
        localStorage.setItem("stdentTpye",JSON.stringify(res.keyValueList))
      });
      this.$api.dropdown.studentBusinessType().then(res => {
        localStorage.setItem("studentBusinessType",JSON.stringify(res.keyValueList))
      });
      this.$api.user.optionsList({codeType: "mq_config"}).then(res=>{
        localStorage.setItem("mqConfig",JSON.stringify(res.keyValueList))
      })
      this.$api.user.optionsList({codeType: "student_action_log_doType"}).then(res=>{
        localStorage.setItem("studentActionDoType",JSON.stringify(res.keyValueList))
      })
      this.$api.user.optionsList({codeType: "student_wechat_state"}).then(res=>{
        localStorage.setItem("studentWechatState",JSON.stringify(res.keyValueList))
      })
      // 资源状态
      this.$api.user.optionsList({codeType: "student_wechat_state"}).then(res=>{
        localStorage.setItem("studentWechatState",JSON.stringify(res.keyValueList))
      })
      // 平台属性
      this.$api.user.optionsList({codeType: "burying_platform"}).then(res=>{
        localStorage.setItem("buryinglatform",JSON.stringify(res.keyValueList))
      })
      // 合同类型
      this.$api.user.optionsList({codeType: "contract_type"}).then(res=>{
        localStorage.setItem("contractTypeOption",JSON.stringify(res.keyValueList))
      })
       // 物料类别
      this.$api.user.optionsList({ codeType: "bc_materiel_type" }).then(res => {
        localStorage.setItem("materielTypeOption",JSON.stringify(res.keyValueList))
      });
       // 分类
      this.$api.user.optionsList({ codeType: "bc_material_platform_type" }).then(res => {
        localStorage.setItem("bcMaterialPlatformType",JSON.stringify(res.keyValueList))
      });
      // 状态
      this.$api.user.optionsList({ codeType: "bc_materiel_use_state" }).then(res => {
        localStorage.setItem("bcMaterielUseStateOptions",JSON.stringify(res.keyValueList))
      });
      // 素材类别
      this.$api.user.optionsList({ codeType: "bc_material_type" }).then(res => {
        localStorage.setItem("bcMaterialType",JSON.stringify(res.keyValueList))
      });
      this.$api.user.optionsList({ codeType: "fastdfs_fileServerUrl" }).then(res => {
        localStorage.setItem("dominIMGUrl",JSON.stringify(res.keyValueList[0].value))
      });
      // 表头
      this.$api.agent
      .queryTrackingHeader()
      .then(res => {
          localStorage.setItem("schoolTrackingHeader",JSON.stringify(res.data))
      });
      // // 获取大连年级
      // this.$api.student.listPropertyJson().then(res => {
      //     if (res.result == 2) {
      //         this.$message({ message: res.msg, type: "error" });
      //     } else {
      //         let data = JSON.parse(res.msg);
      //         localStorage.setItem("studentGradeDL",JSON.stringify(data.gradeList))
      //         // row.row.gradeList = data.gradeList;
      //     }
      // });
    },
    // 学生客户获取方式
    getStudentDataFromTpye() {
        this.$api.user.optionsList({ codeType: "student_data_from_type" }).then(res => {
        localStorage.setItem('stdentDataFromType',JSON.stringify(res.keyValueList))
      });
      this.$api.user.optionsList({ codeType: "student_wechat_state" }).then(res => {
        localStorage.setItem('studentWechatState',JSON.stringify(res.keyValueList))
      });
      // 三方
      // * 用户类型(学校/三方) 1: 三方  2: 学校
      this.$api.person.cacheFontList({ userType: "1" }).then(res => {
        localStorage.setItem('SFcacheList',JSON.stringify(res.data))
      });
      this.$api.person.cacheFontList({ userType: "2" }).then(res => {
        localStorage.setItem('SchoolcacheList',JSON.stringify(res.data))
      });
    },
    // 学生客户客户来源
    getStudentSource(){
      this.$api.user.optionsList({ codeType: "student_data_from" }).then(res => {
        localStorage.setItem('studentSource',JSON.stringify(res.keyValueList))
      });
    },
    // 获取学生客户进展
    getStudenProgress(){
      this.$api.user.optionsList({ codeType: "student_progress" }).then(res => {
        localStorage.setItem('studenProgress',JSON.stringify(res.keyValueList))
      });
    },
    // 获取学校客户类型
    getSchoolType(){
      this.$api.user.optionsList({ codeType: "school_type" }).then(res => {
        localStorage.setItem('schoolType',JSON.stringify(res.keyValueList))
      });
      this.$api.user.optionsList({ codeType: "school_audit_status" }).then(res => {
        localStorage.setItem('schoolAuditStatus',JSON.stringify(res.keyValueList))
      });
      
    },
    // 获取学校客户来源
    getSchoolSource(){
      this.$api.user.optionsList({ codeType: "school_data_from" }).then(res => {
        localStorage.setItem('schoolSource',JSON.stringify(res.keyValueList))
      });
    },
    // 学校客户获取方式
    getSchoolDataFromType() {
      this.$api.user.optionsList({ codeType: "school_data_from_type" }).then(res => {
        localStorage.setItem('schoolDataFromType',JSON.stringify(res.keyValueList))
      });
    },
    // 获取学校客户进展
    getSchoolProgress(){
      this.$api.user.optionsList({ codeType: "school_progress" }).then(res => {
        localStorage.setItem('schoolProgress',JSON.stringify(res.keyValueList))
      });
      this.$api.dropdown.schoolVisitType().then(res => {
        localStorage.setItem('schoolRecordTypeOptions',JSON.stringify(res.keyValueList))
      });
    },
    // 获取学段
    getLevleCache(){
      this.$api.user.optionsList({ codeType: "school_section" }).then(res => {
        localStorage.setItem('schoolSection',JSON.stringify(res.keyValueList))
      });
    },
    // 获取代理商客户类型
    getInvestmentType(){
      this.$api.agent.investment_customer_type().then(res => {
        localStorage.setItem('investmentType',JSON.stringify(res.keyValueList))
      });
    },
    // 获取代理商获取方式
    getInvestmentDataFromType(){
      this.$api.user.optionsList({ codeType: "student_data_from_type" }).then(res => {
        localStorage.setItem('investmentDataFromType',JSON.stringify(res.keyValueList))
      });
    },
    // 获取代理商客户来源
    getInvestmentSource(){
      this.$api.agent.investment_customer_from().then(res => {
        localStorage.setItem('investmentSource',JSON.stringify(res.keyValueList))
      });
    },
    // 获取代理商客户进展
    getInvestmentProgress(){
      this.$api.agent.investment_customer_progress().then(res => {
        localStorage.setItem('investmentProgress',JSON.stringify(res.keyValueList))
      });
    },
    // 获取学制
    getSystemCache(){
      this.$api.user.optionsList({ codeType: "system_cache" }).then(res => {
        localStorage.setItem('systemCache',JSON.stringify(res.systemList))
      });
    },
    // 获取沟通方式(代理商跟学校)
    getContractType(){
      this.$api.user.optionsList({ codeType: "school_communication_type" }).then(res => {
        localStorage.setItem('contractType',JSON.stringify(res.keyValueList))
      });
    },
    // 获取学生沟通方式
    getStudentContractType(){
      this.$api.user.optionsList({ codeType: "student_communication_type" }).then(res => {
          localStorage.setItem('studentContractType',JSON.stringify(res.keyValueList))
        });
    },
    // 获取设备 、页面地址、分主题、推广来源（网推的）
    getEquipment(){
      this.$api.user.optionsList({ codeType: "student_equipment" }).then(res => {
          localStorage.setItem('studentEquipment',JSON.stringify(res.keyValueList))
      });
      this.$api.user.optionsList({ codeType: "student_extension_source" }).then(res => {
          localStorage.setItem('studentTGsource',JSON.stringify(res.keyValueList))
      });
    },
    // 请求三级部门
    get_deptLevel3() {
      this.$api.dropdown.deptLevel3School().then(res => {
        localStorage.setItem('deptLevel3School',JSON.stringify(res.departmentInfoList))
      });
      this.$api.dropdown.deptLevel3Chinaedu().then(res => {
        localStorage.setItem('deptLevel3Chinaedu',JSON.stringify(res.departmentInfoList))
      });
      this.$api.dropdown.deptLevel3Student().then(res => {
        localStorage.setItem('deptLevel3Student',JSON.stringify(res.departmentInfoList))
      });
      this.$api.dropdown.deptLevel3Xuecoo().then(res => {
        localStorage.setItem('deptLevel3Xuecoo',JSON.stringify(res.departmentInfoList))
      });
      // 获取OEM卡类型
      this.$api.dropdown.oemType().then(res =>{
        localStorage.setItem('oemType',JSON.stringify(res.keyValueList))
      });
      this.$api.dropdown.users({ userType: 3, deptType: 4 }).then(res => {
        if (res.result == 1) {
          localStorage.setItem('mangerUserName',JSON.stringify(res.userInfoList))
        }
      });
    },
    // 获取TQtoken
    getTQtoken(){
      this.$api.user.getTqToken().then(res=>{
        this.tqToken=res.token
        Cookies.set('tqToken', this.tqToken)
      })
    },

    // 获取报告类型
    get_reportType(){
      this.$api.user.optionsList({ codeType: "student_report_type" }).then(res => {
          localStorage.setItem('studentReportType',JSON.stringify(res.keyValueList))
      });
      // 获取支付方式
      this.$api.user.optionsList({ codeType: "student_sign_pay_type" }).then(res => {
          localStorage.setItem('studentPayType',JSON.stringify(res.keyValueList))
      });
    },
    //获取报告结果
    get_reportResult(){
      this.$api.user.optionsList({ codeType: "student_report_result" }).then(res => {
          localStorage.setItem('studentReportResult',JSON.stringify(res.keyValueList))
      });
    },
     // 获取初始化的TQtoken
    get_tqToken() {
      const admin_uin = Cookies.get("admin_uin");
      const uin = Cookies.get("uin");
      const strid = "";
      const appid = Cookies.get("appid");
      const appkey = Cookies.get("appkey");
      const ct = Math.round(new Date().getTime() / 1000).toString();
      const sign2 = hex_md5(appid + "*(**)*" + appkey).toUpperCase();
      const ss =
        admin_uin +
        "&" +
        uin +
        "&" +
        strid +
        "&" +
        appid +
        "&" +
        sign2 +
        "&" +
        ct;
      const sign1 = hex_md5(ss).toUpperCase();
      const sign = sign2.toUpperCase();
      axios
        .get("/api/vip/open/auth/token", {
          params: {
            admin_uin: admin_uin,
            uin: uin,
            strid: strid,
            appid: appid,
            ct: ct,
            sign: sign1
          }
        })
        .then(res => {
          this.tQtoken_init = res.data.access_token;
          this.TQtoken_init= res.data.access_token
          Cookies.set("TQtoken_init", res.data.access_token);
          
        });
    },

    // 获取年级
    get_grade(){
      this.$api.user.optionsList({ codeType: "grade_cache" }).then(res => {
        let gradeList=res.commonGradeList.sort((a,b)=>{return a.fOrder-b.fOrder})
        localStorage.setItem('gradeCache',JSON.stringify(gradeList))
      });
    },
     
    // 获取沟通结果
    get_result(){
      this.$api.student.studentProgressResult().then(res=>{
         localStorage.setItem('progressResult',JSON.stringify(res.keyValueList))
      })
    },
    // 获取跟进时候的客户进展
    get_track_progress(){
      this.$api.student.studentTrackProgress().then(res=>{
         localStorage.setItem('studenProgress2',JSON.stringify(res.keyValueList))
      })
    },
    // 获取跟进时候客户类型
     get_track_type(){
      this.$api.student.studentTrackType().then(res=>{
         localStorage.setItem('stdentTrackTpye',JSON.stringify(res.keyValueList))
      })
    },
    // 获取科目
    getSubject(){
       this.$api.student.studentSubject().then(res=>{
         localStorage.setItem('studentSubject',JSON.stringify(res.specialtyList))
      })
    },
     // 获取成单产品
    get_order_product(){
      this.$api.user
        .optionsList({ codeType: "student_order_product" })
        .then(res => {
          localStorage.setItem('orderPoductOptions',JSON.stringify(res.keyValueList))
        });
    },
    // 退出登录
    loginOut(){
      this.$api.user.logout().then((res) => {
        this.refreshCaptcha()
        Cookies.remove("webuser")
        Cookies.remove("TQtoken")
        Cookies.remove("admin_uin")
        Cookies.remove("appid")
        Cookies.remove("appkey")
        Cookies.remove("realName")
        Cookies.remove("threeLevelDeptId")
        Cookies.remove("uin")
        Cookies.remove("userId")
        Cookies.remove("threeLevelDeptId")
        Cookies.remove("TQtoken_init")
        Cookies.remove("token")
        localStorage.removeItem("ismobile");
        localStorage.clear()
        Cookies.remove("tqToken")
        })
    },
    _isMobile() {
      let flag = navigator.userAgent.match(
        /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
      );
      // localStorage.setItem('isiphone',flag)
      localStorage.setItem("ismobile", flag ? 1 : 0);
      return flag;
    },
  },
  mounted() {
    // this.refreshCaptcha()
    this.loginOut()
    // this._isMobile()
    document.body.className='login'
  },
  computed:{
    ...mapState({
      themeColor: state=>state.app.themeColor
    })
  }
}
</script>

<style lang="scss" scoped>
.btn-cont{
  margin-top: 20px;
}
.footer{
    color: #333;
    text-align: center;
    font-size: 12px;
    font-family: arial;
    padding: 20px 0px 20px;
    line-height: 20px;
    p{
      a{
        color: #333;
        text-decoration: none;
      }
    }
}
.login{
  width: 90%;
  margin: 0 auto;
}
  .login-container {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    margin: 150px  auto 20px auto;
    width: 350px;
    padding: 35px 35px 15px 35px;
    background: #fff;
    border: 1px solid #eaeaea;
    box-shadow: 0 0 25px #cac6c6;
    // width: 450px;
    .title {
      margin: 0px auto 40px auto;
      text-align: center;
      color: #505458;
    }
    .remember {
      margin: 0px 0px 35px 0px;
    }
  }
</style>
